function loading(){
	
    // 设置蒙层高度
    let maskLayer = document.getElementById('container');
    maskLayer.style.height = adjust_height();

    var loader ={

        width: 100,
        height: 100,
        stepsPerFrame: 1,
        trailLength: 1,
        pointDistance: .02,
        fps: 30,
        fillColor: '#2d3035',

        step: function(point, index) {

            this._.beginPath();

            this._.moveTo(point.x, point.y);

            this._.arc(point.x, point.y, index * 7, 0, Math.PI*2, false);

            this._.closePath();

            this._.fill();

        },
        path: [
            ['arc', 50, 50, 30, 0, 360]
        ]
    };

    var d, a, container = document.getElementById('container');

    d = document.createElement('div');

    d.className = 'l';
    d.style.overflow = "hidden ";
    d.style.width = "100%";
    d.style.height = adjust_height();

    a = new Sonic(loader);

    d.appendChild(a.canvas);

    container.appendChild(d);

    a.canvas.style.margin = "20% auto";
    a.play();
}
function st_loading(){
    loading();
      $("#container").fadeIn();
}
function end_loading(){
    $("#container").fadeOut(1500);
    $('div.l').remove();
}

